<template>
  <view style="width: 100rpx;height: 200rpx;background-color: red;overflow: hidden;">
    <web-view :src="pdfUrl" :webview-styles="styles"></web-view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        styles: {
          width: '100%',
          height: '100%'
        },
        viewerUrl: '/hybrid/html/web/viewer.html',
        pdfUrl: ''
      }
    },
    onLoad(options) {
      this.pdfUrl = this.viewerUrl + '?file=' + options.url
      console.log('pdfUrl', this.pdfUrl);
    }
  }
</script>

<style>
</style>